	<table class="table table-bordered table-striped">
		<thead>
			<tr>
				<th></th>
				<th>Product</th>
				<th>Quantity</th>
				<th>Calories</th>
				<th>Price</th>
			</tr>
		</thead>
		<tbody>
#{if salad}
			#{list items:salad.ingredients, as:'ingredient'}
			<tr>
				<td>
				#{if ingredient.icon?.get()} 
					<img src="@{SaladController.getImage(ingredient.id)}"
							class="img-rounded ingredientSmaller" /> 
				#{/if}
				</td>
				<td>${ingredient.name}</td>
				<td>${ingredient.getPortionDescription()}</td>
				<td>${ingredient.calories} cal</td>
				<td>$${ingredient.price.format('0.00')}</td>			
			</tr>
			#{/list}
#{/if}
			<tr>
				<td></td>
				<td colspan=2><strong>Total:</strong></td>
				<td id="saladTotalCalories">${salad?.getCalories()} cal</td>
				<td id="saladTotalValue">$${salad?.getPrice()?.format('0.00')}</td>				
			</tr>
		</tbody>
	</table>
